<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css" href="css/旋转立方体.css" rel="stylesheet ">
    <title>旋转立方体相册</title>
</head>

<body>
    <div id="react">
        <div class="out_front">
            <img src="images/1.jpg" class="out_pic">
        </div>
        <div class="out_back">
            <img src="images/2.jpg" class="out_pic">
        </div>
        <div class="out_left">
            <img src="images/3.jpg" class="out_pic">
        </div>
        <div class="out_right">
            <img src="images/1.jpg" class="out_pic">
        </div>
        <div class="out_top">
            <img src="images/2.jpg" class="out_pic">
        </div>
        <div class="out_bottom">
            <img src="images/3.jpeg" class="out_pic">
        </div>
        <span class="in_front">
            <img src="images/1.jpg" class="in_pic">
        </span>
        <span class="in_back">
            <img src="images/2.jpg" class="in_pic">
        </span>
        <span class="in_left">
            <img src="images/3.jpeg" class="in_pic">
        </span>
        <span class="in_right">
            <img src="images/1.jpg" class="in_pic">
        </span>
        <span class="in_top">
            <img src="images/2.jpg" class="in_pic">
        </span>
        <span class="in_bottom">
            <img src="images/3.jpeg" class="in_pic">
        </span>
    </div>
</body>

</html>